
<!DOCTYPE html>
<html lang="en"><head>
     <title>Services</title>
     <meta charset="utf-8">
     <meta name="format-detection" content="telephone=no">
     <link rel="icon" href="images/favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/font-awesome.css">
    
     <script src="js/jquery-migrate-1.2.1.js"></script>
     <script src="js/jquery.easing.1.3.js"></script>
     <script src="js/script.js"></script><meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">
     <script src="js/jquery.equalheights.js"></script>
     <script src="js/jquery.ui.totop.js"></script>
     <script src="js/superfish.js"></script>
     <script src="js/jquery.mobilemenu.js"></script>
     <!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
        <link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
         </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
    <![endif]-->
        <script>
            $(document).ready(function(){                
                $().UItoTop({ easingType: 'easeOutQuart' });
            });
            </script>                          
     </head>
<body id="top" class="page" style="">

<!--==============================header=================================-->

    <header id="header" class="header">
        <div class="container_12">
            <div class="grid_6">
                <h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
            </div>
            <div class="clear"></div>
            <div class="grid_12">
                <nav>
                    <ul class="sf-menu sf-js-enabled sf-arrows">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="index-1.html">About</a></li>
                        <li class="current"><a href="index-2.html">Services</a></li>
                        <li><a href="index-3.html" class="sf-with-ul">Blog</a>
                            <ul style="display: none;">
                                <li><a href="#">Dolore ipsu</a></li>
                                <li><a href="#" class="sf-with-ul">Consecte</a>
                                    <ul style="display: none;">
                                        <li><a href="#">Dolore ipsu</a></li>
                                        <li><a href="#">Consecte</a></li>
                                        <li><a href="#">Elit Conseq</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Elit Conseq</a></li>
                            </ul>
                        </li>
                        <li><a href="index-4.html">Contacts</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <div class="clear"></div>

<!--===========================content================================-->

    <div id="content">
        <div class="p70">
            <div class="container_12">
                <div class="grid_12">
                    <h3>services<br><span>list</span></h3>
                </div>
                <div class="grid_3 wrap">                
                    <div class="thumb">
                        <div class="circle"><i class="fa fa-group"></i></div>
                        <h6><a href="#">Mes cuml dia sed <br>ineniasinge dolor</a></h6>
                        <p>Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie.</p>
                        <a href="#" class="link">more info</a>
                   </div>
                </div>
                <div class="grid_3 wrap">
                    <div class="thumb">
                        <div class="circle"><i class="fa fa-phone-square"></i></div>
                        <h6><a href="#">Praesent vestibulum molestie</a></h6>
                        <p>Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie.</p>
                        <a href="#" class="link">more info</a>
                   </div>
                </div>
                <div class="grid_3 wrap">
                    <div class="thumb">
                        <div class="circle"><i class="fa fa-lightbulb-o"></i></div>
                        <h6><a href="#">Mes cuml dia sed <br>ineniasinge dolor</a></h6>
                        <p>Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie.</p>
                        <a href="#" class="link">more info</a>
                   </div>
                </div>
                <div class="grid_3">
                    <div class="thumb">
                        <div class="circle"><i class="fa fa-gear"></i></div>
                        <h6><a href="#">Praesent vestibulum molestie</a></h6>
                        <p>Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie.</p>
                        <a href="#" class="link">more info</a>
                   </div>
                </div> 
            </div>
        </div>
        <div class="bg1 p102">
            <div class="container_12">
                <div class="grid_12">
                    <h3>services<br><span>overview</span></h3>
                </div>     
                <div class="grid_4 wrap">
                   <div class="thumbnail">
                        <img src="images/page3_img1.jpg" alt="">
                        <div class="capture">
                            <h6><a href="#">Mes cuml dia sed inenias inge dolor ipsum</a></h6>
                            <p>Dolor nunc vule putateulr ips dol consec. Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam.</p>
                        </div>    
                   </div>
                </div>
                <div class="grid_4 wrap">
                   <div class="thumbnail">
                        <img src="images/page3_img2.jpg" alt="">
                        <div class="capture">
                            <h6><a href="#">Praesent vestibulum mol estie lacus Aenean</a></h6>
                            <p>Dolor nunc vule putateulr ips dol consec. Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam.</p>
                        </div>    
                   </div>
                </div>
                <div class="grid_4">
                   <div class="thumbnail">
                        <img src="images/page3_img3.jpg" alt="">
                        <div class="capture">
                            <h6><a href="#">Sed ut perspiciatis unde omnis iste natus</a></h6>
                            <p>Dolor nunc vule putateulr ips dol consec. Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam.</p>
                        </div>    
                   </div>
                </div>                                            
            </div>
        </div>     
    </div>

<!--==============================footer=================================-->

    <footer id="footer" class="footer">
        <div class="container_12">
            <div class="grid_6">
                <span>COMMUX</span>
                <div class="copy">
                <span>©</span>
                <span id="copyright-year">2014</span>
                <span>|</span>
                <span><a href="index-5.html">Privacy Policy</a></span></div>
            </div>
            <div class="grid_6">
                <ul class="social-links">
                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="#"><i class="fa fa-rss"></i></a></li>  
                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                </ul>
            </div>
        </div>
    </footer>


<a href="#" id="toTop" style="margin-right: -44px; right: 50%; display: block;"><span id="toTopHover"></span></a></body></html>